<template>
	<div class="qrdd-box">
		<div class="qrdd-cont">
			<div class="qrdd-gb-box"><span @click="gbqrshou()"><img src="../../img-shopXq/icon_close@3x.png"/></span></div>
			<h3>您是否确认已收到以下订单的货品？</h3>
			<p>订单号：<span v-text="biannum">11111111111</span></p>
			<h4><span>注意：</span>如果你尚未收到货品请不要点击确认</h4>
			<div class="qrshouhuobtn" @click="qrsh()">确定</div>
		</div>
		
	</div>
</template>

<script>
	export default{
		name:'orderqrshou',
		data () {
			return{
				
			}
		},
		methods:{
			gbqrshou:function(){
				this.$emit('ordergb');
			},
			qrsh:function(){
				this.$emit('qrshouhuo');
			}
		},
		props:['biannum']
	}
</script>

<style>
	.qrdd-box{
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:rgba(0,0,0,0.4);
		z-index: 9999;
	}
	.qrdd-cont{
		width:6rem;
		background-color:#fff;
		border-radius:0.08rem;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		padding:0.3rem 0.3rem 0 0.5rem;
		box-sizing: border-box;
	}
	.qrdd-gb-box{text-align: right;line-height: 0;margin-bottom: 0.16rem;}
	.qrdd-gb-box>span{display: inline-block;line-height: 0;}
	.qrdd-gb-box img{
		width:0.28rem;
		height:0.28rem;
	}
	.qrdd-cont>h3{width:90%;font-size:0.34rem;color:#2b2b2b;line-height: 0.34rem;font-weight:500;}
	.qrdd-cont>p{font-size:0.28rem;color:#666;margin-top: 0.2rem;margin-bottom: 0.5rem;}
	.qrdd-cont>h4{font-size:0.28rem;color:#666;}
	.qrdd-cont>h4>span{display: inline-block;height:0.8rem;float:left;}
	.qrshouhuobtn{transform: translateX(-0.1rem);width:3.8rem;height:0.7rem;text-align: center;line-height: 0.7rem;background-color:#4c9d31;border-radius:0.35rem;margin:0.6rem auto;font-size:0.28rem;color:#fff;letter-spacing: 0.4rem;padding-left: 0.4rem;box-sizing: border-box;}
</style>